<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/temple.css" />
		<link rel="stylesheet" href="css/login.css" />
	</head>
	<body>
		<!-- 管理网站共同的头部和尾部 -->

		<!-- 头部1 -->
		<div class="top">
			<div class="center top_c">
				你好,欢迎来到美食美刻网!
			</div>
		</div>

		<!-- LOGO1 -->
		<div class="logo">
			<div class="center l_c">
				<div class="l_left fl">
					<h1>
						<a href="#">美食美刻</a>
					</h1>
				</div>
				<div class="l_center fl">
					<input class="txt fl" type="text" placeholder="请输入菜谱,食材,菜单" />
					<input class="btn fl" type="button" value="搜索" />
				</div>
				<div class="l_right fr">
					<ul>
						<li><b></b><a href="#">QQ登录</a></li>
						<li><b class="wechat"></b><a href="#">微信登录</a></li>
						<li><a href="#">注册</a></li>
						<li><input type="button" value="登录" /></li>
					</ul>
				</div>
			</div>
		</div>


		<!-- 内容区 -->
		<div class="main center">
			<div class="m_left fl">
				<img src="image/food.png">
			</div>
			<div class="m_right fr">
				<h2>美食美刻</h2>
				<div class="uName_pwd">
					<input class="inp1" type="text" placeholder="请输入昵称" />
					<input class="inp2" type="password" placeholder="请输入密码" />
				</div>
				<div class="remember">
					<span class="fl"><input type="checkbox"/>自动登录</span>
					<a href="#" class="fr">忘记密码?</a>
				</div>
				<div>
					<input type="button" class="loginBtn" value="登&nbsp;&nbsp;&nbsp;&nbsp;录"/>
				</div>
				<p class="other">其它方式</p>
				<ul class="login_type">
					<li class="fl"><b></b><a href="#">QQ登录</a></li>
					<li class="fl"><b class="wechat"></b><a href="#">微信登录</a></li>
					<li class="fr"><b class="mailbox"></b><a href="#">邮箱注册</a></li>
				</ul>
			</div>
		</div>


		<!-- 尾部 -->
		<div class="foot">
			<div class="f_border">
				<div>
					<b class="b1"></b>
					<b class="b2"></b>
					<b class="b3"></b>
					<b class="b4"></b>
				</div>
				<div class="center">
					<div class="f_left fl">
						<ul>
							<li>中国最大的菜谱库 <span class="fz14"><span class="cRed">800,000</span> 篇</span></li>
							<li>每月,用户访问数量 <span class="fz14"><span class="cRed">20,000,000</span> 次</span></li>
							<li>每年,菜谱被浏览量 <span class="fz14"><span class="cRed">36,000,000,000</span> 次</span></li>
							<li>现在,这些数字还在不断的增长着,欢迎你来一起使用</li>
						</ul>
					</div>
					<div class="f_right fr">
						<ul>
							<li>
								<a href="https://m.weibo.cn/">
									<img src="image/xing.png">
									<span>点击进入<br />美食美刻微博官网</span>
								</a>
							</li>
							<li>
								<a href="https://qzone.qq.com/">
									<img src="image/star.png">
									<span>点击进入<br />美食美刻QQ空间</span>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="image/bb.png">
									<span>关于作者</span>
								</a>
							</li>
							<li>
								<a href="#">
									<img src="image/aa.png">
									<span>联系作者</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
